/**
 * 导出一个包含多种颜色值的数组。
 * 该数组用于在应用中作为颜色选项使用。
 * 每个元素都是一个十六进制颜色字符串。
 *
 * @export 使得该变量可以在其他模块中导入使用。
 * @const 表明该变量是一个常量，不应被修改。
 * @type {string[]} 表明变量的类型是一个字符串数组。
 */
export const color = [
  "#516b91", // 深蓝色
  "#59c4e6", // 浅蓝色
  "#edafda", // 浅紫色
  "#93b7e3", // 中等蓝色
  "#a5e7f0", // 青色
  "#cbb0e3", // 淡紫色
  "#c12e34", // 深红色
  "#e6b600", // 黄色
  "#0098d9", // 深青色
  "#2b821d", // 深绿色
  "#005eaa", // 深蓝色
  "#339ca8", // 蓝绿色
  "#cda819", // 淡黄色
  "#32a487", // 绿色
];
export const chartCommonConfig = {
  toolbox: {
    show: true, // 是否显示工具箱，默认为true
    orient: "vertical", // 布局方式，默认为'horizontal'，可选'Vertical'
    x: "right", // 工具箱的位置，默认为'right'，可选值有'top', 'bottom', 'left', 'right'
    y: "center", // 当orient为'vertical'时有效，默认为'center'
    feature: {
      saveAsImage: {
        // 保存图片
        show: true, // 是否显示该工具，默认为true
        title: "保存为图片", // 图标上的提示文字
        type: "png", // 导出图片的格式，默认为'png'，可选'jpeg'
        name: "echarts-image", // 导出图片的文件名，默认为'echarts.png'
      },
      dataView: {
        // 数据视图
        show: true,
        title: "数据视图",
        readOnly: false, // 是否只读，默认为false
      },
      magicType: {
        // 动态类型切换
        show: true,
        type: ["line", "bar"], // 可切换的图表类型列表
        title: {
          line: "切换为折线图",
          bar: "切换为柱状图",
        },
      },
      restore: {
        // 重置
        show: true,
        title: "重置",
      },
    },
    iconStyle: {
      // 工具箱内图标的样式设置
      borderColor: "#999",
    },
  },
  tooltip: {
    trigger: "axis",
  },
  legend: {
    show: true,
  },
  grid: {
    top: "5%",
    bottom: "10%",
  },
  xAxis: {
    type: "category",
    boundaryGap: false,
  },
  yAxis: {
    type: "value",
  },
  series: {
    type: "line",
    smooth: true,
    areaStyle: {
      color: {
        type: "linear",
        x: 0,
        y: 0,
        x2: 0,
        y2: 1,
        colorStops: [
          {
            offset: 0,
            color: `rgba(0, 255, 255, ${0.1})`, // 青色（天蓝）
          },
          {
            offset: 1,
            color: `rgba(0, 191, 255, ${0.5})`, // 深青色
          },
        ],
        globalCoord: false,
      },
    },
    // 设置柱形图的宽度
    barWidth: 15, // 可以根据需要调整宽度大小
    // 圆角设置
    itemStyle: {
      borderRadius: [20, 20, 0, 0], // [上左半圆, 上右半圆, 下右半圆, 下左半圆] 的半径，单位px
    },
    // // 渐变色设置
    // color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
    //     {offset: 0, color: 'rgb(255, 158, 68)'},
    //     {offset: 1, color: 'rgb(40, 167, 69)'}
    // ]),
  },
};
export const minimalChartConfig = {
  xAxis: {
    type: "category",
    boundaryGap: false,
    show: false,
  },
  yAxis: {
    type: "value",
    show: false,
  },
  series: {
    type: "line",
    smooth: true,
    showSymbol: false, // 不显示数据点
  },
};
